<style type="text/css">

.head_tooltip{ font-size:14px; }
._kuorong{right: auto !important;}
.kuorong{color:#39f; cursor:pointer;}
.expansion{position: fixed;width: 217px;height: 141px;left: 53%;margin-left: -160px;top: 30%;background-color: #fff;z-index: 1000;border-radius: 3px;color: #929292;border: 1px solid #ddd; text-align:center;}
.expansion .title{margin-top: 6%;font-size: 16px;}
.expansion .expansion_logo{top: 15px;position: relative;width: 66px;}
.expansion .expansion_main{text-align: left;margin-top:5%;}
.expansion .expansion_main .num_coxt{width: 50%;border: 0px;border-bottom: 1px solid #666;}
.expansion .expansion_main .num_money{text-align: right;margin-top: 10px;margin-right: 29px;color: red;}
.expansion .expansion_footer .left{margin-left: 5%;width:30%}
.expansion .expansion_footer .left img{width:15px;position: relative;top: 3px;}
.expansion .expansion_footer .right{width:25%}
.setting{ color:#39f !important;}

.live-title{margin: 20px;overflow: hidden;margin-top: 0;font-size: 16px;}
.live-title div{width: 50%;padding: 10px 0;float: left;border-bottom: 2px solid #ccc;cursor: pointer;}
.live-title div.active{color: Orange;border-bottom: 2px solid orange;}
.expansion.live{width: 360px;left: 49%;height: inherit;padding: 20px 0;padding-bottom: 30px;}
</style>
  <header class="navbar nav-fixed-top" ng-controller="topbarController">
  <div class="top_vip_tishi" ng-if="globalOperateObj.unlimitedDate==0&&endShow&&!operateVip && aliFlag && false">
{{"viptishi"|T}} <strong>{{"shiyongban"|T}}</strong>，{{"viptishi1"|T}} <strong>{{"shiyong"|T}}{{datedifference(operateServerDate,operateEndDate)}}{{"day"|T}}({{operateEndDate}})</strong>，{{"viptishi2"|T}},<strong style="cursor: pointer;" ng-click="openOperate()">{{"viptishi3"|T}}</strong>
<div class="close" style="margin-top: 1%;color: #8d5a00; " ng-click="closebottom()">+</div>
</div>

<div ng-if="operateShow">
    <div class="loading_bg" ng-click="closeOperate()"></div>
    <div class="vipbox">
        <div ng-class="{vip_top:!operateVip,vip_top2:operateVip}"><!--vip_top使用，vip_top2正式用户-->
            <div class="vip_icon"></div>
            <div class="vip_cname" ng-bind="userinfoo.organization_Name">北京新启科技有限公司</div>
            <div  class="vip_ctype">{{aliFlag?operateVipName:'截止时间'}}（{{operateEndDate}}）</div>
            <div class="close" style="margin-top: 5px;" ng-click="closeOperate()">+</div>
        </div>
        <ul class="vip_edu">
            <!--系统人数-->
            <li>{{'xitongrenshu'|T}}:<span class="_kuorong">{{globalOperateObj.usedUserSize?globalOperateObj.usedUserSize:0}}/{{numtoInfinite(globalOperateObj.maxUserSize,'人')}}</span> <span class="kuorong" ng-click="openExpansion('user')" ng-if="operateVip && aliFlag">{{'kuorong'|T}}</span></li>
            <li class="vip_xjindu"><i style="width:{{getProgressHtml(globalOperateObj.usedUserSize,globalOperateObj.maxUserSize)}}" ></i></li>
            <!--存储空间-->
            <li>{{'chucunkongjian'|T}}:<span class="_kuorong">{{globalOperateObj.usedStorageSize | to_size}}/{{numtoInfinite((globalOperateObj.maxStorageSize | to_size))}}</span> <span class="kuorong" ng-click="openExpansion('storage')" ng-if="operateVip  && aliFlag">{{'kuorong'|T}}</span></li>
            <li class="vip_xjindu"><i style="width: {{getProgressHtml(globalOperateObj.usedStorageSize,globalOperateObj.maxStorageSize)}}" ></i></li>
            <!--流量消耗-->
            <li>{{'liuliangxiaohao'|T}}:<span class="_kuorong">{{globalOperateObj.usedFlowSize |to_size}}/{{numtoInfinite((globalOperateObj.maxFlowSize | to_size))}}</span> <span class="kuorong" ng-click="openExpansion('flow')" ng-if="operateVip  && aliFlag">{{'kuorong'|T}}</span></li>
            <li class="vip_xjindu"><i style="width: {{getProgressHtml(globalOperateObj.usedFlowSize,globalOperateObj.maxFlowSize)}}"></i></li>
            <!--短信数量-->
            <li>{{'duanxinshuliang'|T}}:<span class="_kuorong">{{globalOperateObj.usedSmsSize?globalOperateObj.usedSmsSize:0}}/{{numtoInfinite(globalOperateObj.maxSmsSize,'条')}}</span>     <span class="kuorong" ng-click="openExpansion('sms')" ng-if="operateVip  && aliFlag">{{'kuorong'|T}}</span></li>
            <li class="vip_xjindu"><i style="width: {{getProgressHtml(globalOperateObj.usedSmsSize,globalOperateObj.maxSmsSize)}}"></i></li>
            <!--邮件数量-->
            <li>{{'youjianshuliang'|T}}:<span class="_kuorong">{{globalOperateObj.usedEmailSize?globalOperateObj.usedEmailSize:0}}/{{numtoInfinite(globalOperateObj.maxEmailSize,'封')}}</span>    <span class="kuorong" ng-click="openExpansion('email')" ng-if="operateVip  && aliFlag">{{'kuorong'|T}}</span></li>
            <li class="vip_xjindu"><i style="width: {{getProgressHtml(globalOperateObj.usedEmailSize,globalOperateObj.maxEmailSize)}}"></i></li>

            <!--直播数量-->
            <li>{{'liveNum'|T}}: 
                <span class="_kuorong" ng-if="liveObj.type==1">{{liveObj.total-liveObj.num}}/{{liveObj.total}}场</span> 
                <span class="_kuorong" ng-if="liveObj.type==0">截至 {{liveObj.num}}/{{liveObj.total}}</span>    
                <span class="kuorong" ng-click="openExpansion('live')" ng-if="operateVip&& aliFlag">{{'kuorong'|T}}</span>
            </li>
            <li class="vip_xjindu"><i style="width:{{getProgressHtml(liveObj.total-liveObj.num,liveObj.total)}}"></i></li>



            <li><a ng-href="{{managerurl+'/payment/buyPackages?token='+expansionToken}}" class="btn vip_btn_kaitong" target="_blank" ng-if="!operateVip  && aliFlag" ng-click="pay();">{{'lijikaitongzhengshiban'|T}}</a></li>
            <li><a ng-href="{{managerurl+'/payment/buyPackages?token='+expansionToken}}" class="btn vip_btn_xufei" target="_blank" ng-if="operateVip  && aliFlag" ng-click="pay();">{{'xufei'|T}}</a></li>
            <li><a ng-href="https://market.aliyun.com/products/56780006/cmgj023749.html?spm=5176.2020520132.101.5.chUKaw" class="btn vip_btn_xufei" target="_blank" ng-if="!operateVip && !aliFlag" ng-click="pay();">{{'PleaseAli'|T}}</a></li>
        </ul>       
    </div>
    <!--扩容-->
    <div class="expansion" ng-if="expansionShow">       
        <div class="title" ng-bind="expansionTitle">人数购买</div>
        <div class="close" style="margin-top: 5px;" ng-click="closeExpansion()">+</div>        
        <div class="expansion_main">
            <span style="margin-left: 14%;"> {{"goumai"|T}}:</span>
            <input type="text" class="num_coxt" ng-model="expansionNum">
            <span ng-bind="expansionCompany">人</span>    
            <div class="num_money"  tooltips  tooltip-template="按照当前时间到套餐到期时间的差算出的月份乘以每月的费用,不足一月的按照一个月算。" ng-bind="'￥'+(expansionNum * expansionPublicity * expansionMonth)"></div>
        </div>
        <div class="expansion_footer" > 
            <a ng-href="{{expansionUrl+'/payment/toPay?token='+expansionToken+'&purchaseMode=alipay&buyExtendType='+buyExtendType+'&buyServiceQuantity='+expansionNum+'&buyType=1'}}" target="_blank" class="btn vip_btn_kaitong left" ng-click="pay();">{{"quzhifu"|T}}</a>
            <a href="#" class="btn vip_btn_xufei right" ng-click="closeExpansion()">{{"Cancel"|T}}</a>
        </div>
    </div>   


    <!--扩容-->
    <div class="expansion live" ng-if="liveShow">       
        <div class="live-title">
            <div ng-class="{'active':liveBuyState=='live_scene'}" ng-click="liveBuyState='live_scene'">按场购买</div>
            <div ng-class="{'active':liveBuyState=='live_month'}" ng-click="liveBuyState='live_month'">按月购买</div>
        </div>
        <div class="close" style="margin-top: 5px;" ng-click="closeLive()">+</div>        
        <div class="expansion_main">
            <span style="margin-left: 14%;" ng-if="liveBuyState=='live_scene'"> 购买单价 :<span style="color:red">{{'￥'+liveBuyOne}}</span> /场</span>
            <span style="margin-left: 14%;" ng-if="liveBuyState=='live_month'"> 购买单价 :<span style="color:red">{{'￥'+liveBuyMonth}}</span> /月</span>  
        </div>
        <div class="expansion_main">
            <span style="margin-left: 14%;"> {{"goumai"|T}}:</span>
            <input type="text" class="num_coxt" ng-model="liveBuyCount">
            <span>{{(liveBuyState=='live_scene')?'场':'月'}}</span>    
            <div style="margin-right: 14%;padding: 20px 0;text-align: right;" ng-if="liveBuyState=='live_scene'">
                共计：
                <span style="color: Red;font-size: 20px;" ng-bind="'￥'+(liveBuyCount * liveBuyOne)"></span>
            </div>
            <div style="margin-right: 14%;padding: 20px 0;text-align: right;" ng-if="liveBuyState=='live_month'">
                共计：
                <span style="color: Red;font-size: 20px;" ng-bind="'￥'+(liveBuyCount * liveBuyMonth)"></span>
            </div>
        </div>
        <div class="expansion_footer" > 
            <a ng-href="{{expansionUrl+'/payment/toPay?token='+expansionToken+'&buyExtendType='+liveBuyState+'&buyServiceQuantity='+liveBuyCount+'&buyType=1'}}" target="_blank" class="btn vip_btn_kaitong left" ng-click="pay();">{{"quzhifu"|T}}</a>
            <a href="#" class="btn vip_btn_xufei right" ng-click="closeLive()">{{"Cancel"|T}}</a>
        </div>
    </div>  


</div>

<!-- 确认开通 -->
<div ng-if="payContinue">
    <div class="loading_bg" ng-click="closeOperate()"></div>
    <div class="expansion">
        <div class="title">{{"zhifuzhong"|T}}</div>
        <div class="expansion_main"><span style="margin-left:14%;">{{"viptishikuang"|T}}</span></div>
        <div class="expansion_footer" style="margin-top: 20px;">
            <a href="#" class="btn vip_btn_kaitong left" ng-click="closePay(true)">{{"woyizhifu"|T}}</a>
            <a href="#" class="btn vip_btn_xufei right" ng-click="closePay(false)">{{"Cancel"|T}}</a>
        </div>
    </div>
</div>
        <div class="nav-inner row-flex">
            <header class="nav-header">
<!--  <div ng-bind="upurl+'/resources/logo/'+userinfoo.organization_ID+'_1.png'">   </div>-->
<img ng-src="{{fileurl+'/resources/logo/'+userinfoo.organization_ID+'_1.png?v='+nowdate}}" src="/images/logo.png" onerror="javascript:this.src='/images/logo.png'" alt="" style=" height: 42px;" id="orgLogo">

</header>
            <section class="nav-main">
               <ul class="nav-main-handler-set clearfix">
                    <li ng-class="{active:parstr =='index'}" ng-click="playUrl('index')"><i class="iconfont">{{'\ue642'}}</i>{{'HomePage'|T}}</li>                                         
                    <!--<svg class="icon" aria-hidden="true"><use xlink:href="{{'#icon-shouyeshouye2'}}"></use></svg>-->
                    <li ng-class="{active:item.name==parstr}" ng-repeat="item in rootscopeauthority | orderBy:'index'" ng-click="playUrl(item.name)"  ng-if="item.id !='8ae44ca03133c63f104348a6081ea13f'&&item.id !='21135c76a133ee15cbc6fe7018213f3a'&&item.id!='9f657d804133edb3d66f3c3f53382937'&&item.id!='e8896a465133c9c51199048246c8cc06'"  >     
                    <i class="iconfont" ng-bind-html="item.icon | to_html"></i>    
                    <!--<i class="iconfont">{{item.icon}}</i>-->
                    <!--<span ng-bind-html="item.icon |to_html"></span>-->
                    {{item.title|T}}</li>
            <!--<svg class="icon" aria-hidden="true"><use xlink:href="{{item.icon}}"></use></svg>-->
                    <!--<i class="iconfont" ng-bind-html="item.icon | to_html"></i>-->
                     <!--<div ng-class="{active: 'index.operate.twostage'==parstr}"  ng-click="playUrl('index.operate.twostage')">通用设置</div>-->
<!--        <div ng-class="{active: 'index.operate.othernew'==parstr}"  ng-click="playUrl('index.operate.othernew')">公告管理</div>
        <div ng-class="{active: 'index.operate.othernew'==parstr}"  ng-click="playUrl('index.operate.othernew')">积分设置</div>-->
                    <!--
                    <li ui-sref="index.personnelmanagement"><i class="iconfont">&#xe62b;</i>培训1</li> 
                    <li ui-sref="index.examination"><i class="iconfont">&#xe77e;</i>考试</li>
                    <li ui-sref="index.communication"><i class="iconfont"></i>通讯</li>
                    <li ui-sref="index.statistics"><i class="iconfont">&#xe625;</i>统计</li>   <li ng-class="{active:parstr=='index.RecruitStudents'}" ng-click="playUrl('index.RecruitStudents')" ><i class="iconfont">&#xe754;</i>{{'RecruitStudents'|T}}</li>
                    -->
                 
                </ul>
            </section>
            <footer class="nav-footer" >            
                <div class="nav-footer-wrap user-footer-wrap"  id="tr_daohang"   ><a class="nav-footer-handler"><span class="avatar img-circle personal-avatar" ><img ng-src="{{userinfoo.user_Img}}" ng-src="{{userinfoo.user_Img}}" onerror="javascript:this.src='/images/avatar.png'" /></span></a>                       
                <ul class="dropdown-menu"><span class="triangle-up"></span>
                    <li><i class="iconfont">&#xe6e7;</i><a href="/user/upd_pwd.html" target="_blank" >{{'ModifyPW'|T}}</a></li>
                   <li ng-click="systemSetting()" ng-if="false"><i class="iconfont">&#xe751;</i>{{'Settings'|T}}</li>
                   <li ng-click="goApi()" ng-if="fales"> <i class="iconfont">&#xe6c8;</i>{{'API-Interface'|T}}</li>
                   <li ng-click="goStudent()" style="overflow: hidden;height: 40px;" title="{{'GoStudent'|T}}"> <i class="iconfont">&#xe6c8;</i>{{'GoStudent'|T}}</li>
                    <li ui-sref="index.Modifypasswordqy" ng-if="false"><i class="iconfont">&#xe731;</i>修改企业信息</li>
                    
                    <li role="presentation" class="divider"></li>
                    <li ng-click="switching('cn')">中文</li>
                    <li ng-click="switching('en')">English</li>                    
                    <li role="presentation" class="divider"></li>
                    <li ng-click="exituserinfo()"><i class="iconfont">&#xe720;</i>{{'Exit'|T}}</li>
                </ul></div>
                 
                <div class="nav-footer-wrap" ng-class="{'setting':parstr =='index.setting'}" style="text-align: center;padding: 12px 10px;color: #999; cursor:pointer;" ng-click="systemSetting()" ng-if="userinfoo.powerLV!=99">
                    <i class="iconfont" style="margin: 0;    font-size: 25px;">&#xe615;</i>
                </div> 
                <div class="nav-footer-wrap" ng-class="{'setting':parstr =='kjfs'}"  style="text-align: center;padding: 13px 10px;color: #999; cursor:pointer;" onclick="opentoolbox()" >
                    <i class="iconfont" style="margin: 0;    font-size: 22px;">&#xe60d;</i>
                </div>
                <div  class="nav-footer-wrap" ng-click="openOperate()" ng-if="globalOperateObj.unlimitedDate==0">
                    <div class="nav_vip_btn"></div>
                </div>         
            </footer>
        </div>
        <validate-info show-validate-form="showValidateForm" ng-show="showValidateForm"></validate-info>
    </header>
